<template>
	<view class="content">
    <view class="list">
      <navigator class="item" v-for="(item, index) in lists" :key="index" :url="item.path">
          {{item.title.value}}
          <view class="iconfont icon-jiantou _font-10" style="color: #bdbdbd;"></view>
      </navigator>
    </view>
	</view>
</template>

<script>
	import {
		getServiceRule,
	} from '@/api/user.js';
	export default {
		data() {
			return {
        lists:[]
			}
		},
    methods: {
      onLoad(options) {
      	getServiceRule(options.type).then(res => {
      		this.lists = res.data
      	}).catch(err => {
      		that.$util.Tips({
      			title: err
      		});376
      	})
      }
    }
	}
</script>

<style scoped>
	page {
    min-height: 100vh;
		background-color: rgb(248,249,252);
	}

	.content {
		padding: 30rpx;
	}
  .list{
    border-radius: 10rpx;
    background: #FFF;
  }
  .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-size: 26rpx;
    padding: 30rpx 20rpx;
    border-bottom: 1rpx solid #eee;
  }
  .item:last-child{
    border-bottom: none;
  }
</style>
